<#import "./layout/layout.ftl" as layout>
<@layout.page menu='income'>
<link rel="stylesheet" href="../../css/mgt/myActivity/myHdj.css">

<script src="../../js/mgt/income/income.js"></script>
<script src="../../js/mgt/common/laypage.js"></script>

<p class="right-top-subContent"><a href="javascript:void(0);" onclick="pageSkip.goToMyHdj();">管理中心</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="javascript:void(0);" onclick="pageSkip.goToIncome();">收入提现</a></p>
<div class="right-bottom-content income-page" id="right-bottom-content">
  <div class="sp-top-content">
    <div class="sp-tt-content">
      <div class="sp-tl-content">
        <span class="sp-content-1">0.00</span><br><span class="sp-content-2">账户余额（元）</span>
      </div>
      <div class="sp-fgx"></div>
      <div class="sp-tr-content">
        <div class="tixian-box">
          <button class="sp-content-1 activity-tixian"><span class="fa fa-mobile"></span><span>提现</span></button>
          <div class="tixian-erweima">
            <div class="arrow"><span></span></div>
            <img src="../../images/mgt/common/erweima.png" alt="二维码">
            <span>扫描二维码<br>下载活动聚</span>
          </div>
        </div>
        <span class="sp-content-2">为了您的资金安全，推荐您下载活动聚APP进行提现</span>
      </div>
    </div>
    <div class="sp-tb-content">
      <div class="count-info">
        <p class="floor1">
          <span class="fgx-fang"></span>
          <span class="count-info-title">待结算</span>
          <span class="count-info-number">￥0.00</span>
        </p>
      </div>
    </div>
  </div>
  <div class="activity-options">
    <div class="activity-left-opts">
      <span class="activity-simple selected">余额明细</span>
      <span class="activity-ticket">结算记录</span>
    </div>
  </div>
  <div class="activity-project activity-content-0" style="margin-bottom:0;">
    <div class="sp-btm-content">
      <div class="activity-table" id="activity-table-0">
        <div class="table-title">
          <p class="income-1">时间</p>
          <p class="income-2">类型</p>
          <p class="income-3">描述</p>
          <p class="income-4">金额</p>
          <p class="income-5">操作</p>
        </div>
        <div class="table-body" id="balance_list">
          <div class="no-data-box"><img class="no-data-img" src="../../images/mgt/myActivity/no-data.png" alt="这是图片">
            <p class="no-data-title">这里什么也没有</p></div>
        </div>
        <div class="M-box1 page-box" id="balance_list_page"></div>
      </div>
    </div>
  </div>
  <div class="activity-project activity-content-1" style="margin-bottom:0;">
    <div class="sp-btm-content">
      <div class="activity-table" id="activity-table-1">
        <div class="table-title">
          <p class="income-1">时间</p>
          <p class="income-2">类型</p>
          <p class="income-3">描述</p>
          <p class="income-4">金额</p>
          <p class="income-5">操作</p>
        </div>
        <div class="table-body" id="settle_list"></div>
        <div class="M-box1 page-box" id="settle_list_page"></div>
      </div>
    </div>
  </div>
</div>
<script>
  $(function () {
    laypage({
      cont: $("#balance_list_page"),
      pages: '0',
      skin: "#F66926",
      prev: '<',  //若不显示，设置false即可
      next: '>',  //若不显示，设置false即可
      jump: function (e, first) { //触发分页后的回调
        income.getBalanceList(e.curr);
      }
    });
    laypage({
      cont: $("#settle_list_page"),
      pages: '0',
      skin: "#F66926",
      prev: '<',  //若不显示，设置false即可
      next: '>',  //若不显示，设置false即可
      jump: function (e, first) { //触发分页后的回调
        if (!first) {
          income.getSettleList(e.curr)
        }
      }
    });
    fixedRightBtn();
  })
</script>
<script type="text/html" id="balance_item">
  <div class="table-item">
    <div class="income-1 overflow-hide"><%=time%></div>
    <div class="income-2 overflow-hide"><%=typeName%></div>
    <div class="income-3 overflow-hide"><%=desc%></div>
    <div class="income-4 overflow-hide"><%=price%></div>
    <div class="income-5 open-detail">
      <span class="hover-f66926">详情</span><span class="fa fa-angle-down"></span>
      <div class="activity-detail-wrap close-status">
        <div class="detail-arrow"><span></span></div>
        <div class="left-detail" style="width: 100%; margin-right:0;">
          <p class="detail-title"><%=typeName%>详情</p>
          <div class="detail-content">
            <p class="detail-item">
              <label><% if(type == 0){ %>入账<% } else if(type == 1){ %>出账<% } %>：</label>
              <span><%=price%></span>
            </p>
            <p class="detail-item">
              <label>类型：</label>
              <span><%=typeName%></span>
            </p>
            <p class="detail-item">
              <label>描述：</label>
              <span><%=desc%></span>
            </p>
            <p class="detail-item">
              <label>时间：</label>
              <span><%=time%></span>
            </p>
            <p class="detail-item">
              <label>单号：</label>
              <span><%=number%></span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</script>
<script type="text/javascript" src="../../data/mgt/stats" charset="UTF-8"></script>
</@layout.page>